﻿body { margin: 0px; padding: 0px; font: normal 12px 微软雅黑,宋体; background: url(../images/bg.jpg) repeat-y center top; }
a { text-decoration: none; color: #333; }
    a:hover { text-decoration: underline; color: #0549a6; }
.w { width: 1210px; margin: auto; }
ul, li { padding: 0px; margin: 0px; list-style-type: none; }
.red { color: #F44; }
.blue { color: #317EE7; }

.Header { }
    .Header .toolbar { height: 32px; line-height: 32px; text-align: right; background: #EFEFEF; }
        .Header .toolbar a { }
            .Header .toolbar a:hover { }
            .Header .toolbar a.login { display: inline-block; width: 130px; height: 24px; background: url(../images/login.gif?r=1) no-repeat; vertical-align: middle; }
            .Header .toolbar a.login-qq { display: inline-block; width: 120px; height: 24px; background: url(http://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_3.png) no-repeat; vertical-align: middle; }
            .Header .toolbar a.login-alipay { display: inline-block; width: 95px; height: 24px; background: url(/image/user/fastlogin_alipay_120.png) no-repeat; vertical-align: middle; }
        .Header .toolbar span { color: #CCC; font-size: 9px; font-family: Verdana; padding: 0px 5px; }
    .Header .content { background: #FFFFFF; height: 70px; padding: 10px 0px; }
        .Header .content .w { position: relative; }
        .Header .content .logo { width: 220px; height: 70px; background: url(../images/header_logo.gif) no-repeat; float: left; text-indent: -100em; overflow: hidden; }
        .Header .content .search { position: absolute; left: 30%; top: 10px; background: #317ee7 url(../images/search.gif) no-repeat right top; height: 32px; border: 5px solid #317ee7; }
            .Header .content .search select { font-size: 14px; float: left; height: 25px; margin: 3px 3px 3px 5px; }
            .Header .content .search .key { border: none; float: left; width: 206px; height: 25px; padding: 0px; margin: 4px; color: #000000; line-height: 25px; padding-left: 6px; font-size: 14px; background-color: transparent; }
            .Header .content .search .on { background-color: #ffffff; }
            .Header .content .search .submit { float: left; width: 59px; height: 32px; background: none; overflow: hidden; text-indent: -100em; }
        .Header .content .tip { width: 350px; height: 70px; background: url(../images/header_logo.gif) no-repeat -200px top; float: right; text-indent: -100em; overflow: hidden; }
    .Header .menu { background: #317EE7; height: 32px; line-height: 32px; overflow: hidden; }
        .Header .menu .w { border-left: 1px solid #FFF; }
        .Header .menu a { color: #FFFFFF; font-size: 16px; float: left; }
        .Header .menu .cate { width: 200px; height: 31px; border-bottom: 1px solid #468be9; text-indent: 12px; background: url(../images/more.gif) no-repeat 180px center; }
        .Header .menu a.m { padding: 0px 20px; }
            .Header .menu a.current,
            .Header .menu a.m:hover { background: #FFBA00; border-left: 1px solid #FFF; border-right: 1px solid #FFF; text-decoration: none; padding: 0px 19px; }

.Footer { background: #FFFFFF url(../images/bg_footer.gif?r=5) no-repeat center top; clear: both; padding-top: 100px; }
    .Footer .help { background-color: #AFB5BE; }
        .Footer .help ul li { float: left; padding: 30px 0px 5px; }
            .Footer .help ul li .tit { color: #ffffff; font-size: 18px; }
            .Footer .help ul li .lnk { padding: 6px 0px 0px 0px; line-height: 22px; }
                .Footer .help ul li .lnk a { display: block; color: white; }
    .Footer p { margin: auto; }
    .Footer .info { background: url(../images/copyinfo.gif) no-repeat 200px center; padding: 20px 0px 20px 400px; color: #333; }
        .Footer .info p { line-height: 26px; }

.Container { width: 1210px; margin: auto; background: #FFF; }

.Left { width: 200px; float: left; }

    .Left .cate { }
        .Left .cate li { line-height: 24px; padding: 4px 0 4px 12px; border: 1px #317EE7 solid; background: #317EE7; border-right: none; }
            .Left .cate li a { display: block; line-height: 22px; color: #fff; font-size: 15px; background: url(../images/more.gif) no-repeat right center; margin-right: 6px; }
            .Left .cate li.hover { background: #fff; color: #317EE7; }
                .Left .cate li.hover a { color: #317EE7; background: none; }

    .Left .service { width: 200px; height: 481px; background: url(../images/service.gif?id=1) no-repeat; position: relative; }
        .Left .service a { background: url(../images/service.gif) no-repeat 200px top; overflow: hidden; text-indent: -100em; }
        /* .Left .service a img { visibility: hidden; }   */
        .Left .service .sell { width: 90px; height: 22px; left: 9px; top: 163px; position: absolute; }
            .Left .service .sell:hover { background-position: -209px -163px; }
        .Left .service .buy { width: 90px; height: 22px; left: 100px; top: 163px; position: absolute; }
            .Left .service .buy:hover { background-position: -300px -163px; }
        .Left .service .taobao { width: 180px; height: 22px; left: 9px; top: 191px; position: absolute; }
            .Left .service .taobao:hover { background-position: -209px -191px; }

        .Left .service .qq { position: absolute; left: 7px; top: 217px; width: 186px; }
            .Left .service .qq .item { height: 43px; line-height: 40px; text-align: center; }
                .Left .service .qq .item a { text-indent: inherit; position: static; display: block; font-size: 18px; text-indent: 0em; }
                    .Left .service .qq .item a img { vertical-align: middle; width: 74px; height: 22px; }

    /*
        .Left .service .im a { display: block; width: 100%; height: 42px; position: initial; }
            .Left .service .im a.qqoff1 { background-position: -200px -217px; }
            .Left .service .im a.qqoff2 { background-position: -200px -259px; }
            .Left .service .im a.qqoff3 { background-position: -200px -301px; }
            .Left .service .im a.qqoff4 { background-position: -200px -343px; }
            .Left .service .im a.wwoff1 { background-position: -200px -385px; }
            .Left .service .im a.wwoff2 { background-position: -200px -427px; }
                */

    .Left .sell { border: 1px solid #D7D7D7; background: url(../images/gray.gif) repeat-x left top; }
        .Left .sell .title { border: 1px solid #FFF; line-height: 42px; font-size: 16px; font-weight: bold; padding-left: 12px; }
        .Left .sell ul { border: 1px solid #FFF; }
            .Left .sell ul li { height: 80px; overflow: hidden; padding: 0px 8px; }
                .Left .sell ul li .pic { width: 70px; float: left; }
                    .Left .sell ul li .pic img { width: 60px; height: 60px; border: 1px solid #CCC; padding: 1px; }

    .Left .child { position: absolute; width: 451px; border: 2px #317EE7 solid; padding: 7px 10px; border-left: none; border-top-width: 1px; background: #FFFFFF; visibility: hidden; z-index: 99; }
    .Left .child { box-shadow: rgba(0,0,0,0.5) 5px 5px 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
        .Left .child a { color: #317EE7; }
        .Left .child .list { line-height: 24px; }
            .Left .child .list a { font-size: 14px; display: inline-block; margin: auto 4px; width: 130px; background: url(/image/dot1.gif) no-repeat left center; padding-left: 10px; }
        .Left .child table { width: 100%; }
        .Left .child th, .Left .child td { border-bottom: 1px dashed #CCCCCC; padding: 10px 0px; }
        .Left .child th { width: 100px; vertical-align: top; font-weight: normal; text-align: left; }
            .Left .child th a { color: #666; font-size: 16px; }
        .Left .child td { vertical-align: top; line-height: 24px; }
            .Left .child td a { display: inline-block; margin: auto 7px auto auto; }


.ContainerMain { width: 1000px; float: right; padding-top: 10px; overflow: hidden; }

    /*  当前所在的位置 */
    .ContainerMain .location, .ContainerMain .Path { background: url(../images/path.gif) repeat-x left bottom; padding-bottom: 10px; }

    .ContainerMain .product td.info .buy { background-color: #f3f3f3; border-width: 0px; margin-top: 15px; }
        .ContainerMain .product td.info .buy .btns a.buyer { width: 122px; height: 36px; background: url(../images/buyer.gif) no-repeat left top; }
            .ContainerMain .product td.info .buy .btns a.buyer:hover { background-position: left -41px; }
    .ContainerMain .product td.productName { font-size: 18px; text-align: center; padding-bottom: 12px; }
    .ContainerMain .productinfo .tabs { border-bottom: 1px solid #0688BA; height: 34px; }
        .ContainerMain .productinfo .tabs a.current { border: 1px solid #D7D7D7; background: #F3F3F3; font-weight: normal; color: #333333; padding: 0px 32px; font-size: 16px; line-height: 32px; height: 32px; }
            .ContainerMain .productinfo .tabs a.current span { display: none; }
    .ContainerMain .productinfo .Detail { border: 1px solid #EFEFEF; padding: 10px 20px; line-height: 32px; }

/*  首页  */
.body1 { border: solid 1px #DDD; padding: 10px; overflow: hidden; background: #fff; }
    .body1 .banner { width: 685px; height: 310px; float: left; overflow: hidden; }
    .body1 .info { width: 265px; float: left; margin-left: 10px; }
        .body1 .info .news { }
            .body1 .info .news .title { height: 35px; border-bottom: solid 1px #E2E2E2; }
                .body1 .info .news .title h1 { font-size: 14px; color: black; line-height: 35px; padding: 0px 0px 0px 10px; margin: 0px; overflow: hidden; float: left; }
                    .body1 .info .news .title h1 em { float: left; background: url(../images/etao.png) no-repeat -185px -52px; width: 15px; height: 20px; margin: 7px 8px auto auto; }
                .body1 .info .news .title a { float: right; line-height: 35px; }
            .body1 .info .news ul li { line-height: 28px; padding: 0px 0px 0px 10px; }
                .body1 .info .news ul li em { float: left; background: url(../images/etao.png) no-repeat -215px -52px; width: 15px; height: 20px; margin: 6px 4px auto auto; }
        .body1 .info .buyer { padding: 5px; }
            .body1 .info .buyer ul li { height: 46px; padding: 8px 0px; overflow: hidden; }
                .body1 .info .buyer ul li .user { width: 50px; float: left; }
                    .body1 .info .buyer ul li .user img { width: 42px; height: 42px; border: 1px solid #CCC; padding: 1px; }
                .body1 .info .buyer ul li .buyInfo { float: left; width: 190px; padding-left: 5px; line-height: 24px; }

.productBlock { }
    .productBlock .title { height: 34px; line-height: 34px; padding: 0px 5px; overflow: hidden; background: url(../images/title.gif) repeat-x left 4px; }
        .productBlock .title h1 { float: left; margin: 0px; padding: 0px; font-size: 16px; padding: 3px 15px 0px 15px; }
        .productBlock .title .desc { font-size: 12px; color: #999999; font-weight: normal; }
        .productBlock .title .split { float: left; background: url(../images/title.gif) no-repeat right -74px; width: 40px; height: 34px; }
        .productBlock .title .tab { float: left; padding-right: 30px; }
            .productBlock .title .tab a { float: left; background: url(../images/title.gif) no-repeat center -116px; width: 120px; height: 34px; overflow: hidden; text-indent: -100em; }
            .productBlock .title .tab span { float: left; background: url(../images/title.gif) no-repeat right -74px; width: 30px; height: 34px; }

        .productBlock .title .current { background: url(../images/title.gif) repeat-x left -40px; }
            .productBlock .title .current span { visibility: hidden; }

        .productBlock .title .hot a { background-position: center -196px; }
        .productBlock .title .special a { background-position: center -276px; }
        .productBlock .title .pink a { background-position: center -357px; }
        .productBlock .title .deal a { background-position: center -438px; }

        .productBlock .title .current a.new { background-position: center -160px; }
        .productBlock .title .current a.hot { background-position: center -240px; }
        .productBlock .title .current a.special { background-position: center -320px; }
        .productBlock .title .current a.pink { background-position: center -401px; }
        .productBlock .title .current a.deal { background-position: center -482px; }

        .productBlock .title .more { float: right; line-height: 34px; padding-top: 3px; padding-right: 5px; }

        .productBlock .title .left { float: left; padding-top: 4px; }
            .productBlock .title .left a { float: left; margin: auto 2px; width: 16px; height: 16px; margin: auto 1px; line-height: 16px; text-align: center; }
                .productBlock .title .left a.current { color: white; background: #317EE7; }
                .productBlock .title .left a.left { float: left; width: 13px; height: 14px; background: url(../images/arrow.gif) no-repeat left top; margin: 10px 2px; }
                .productBlock .title .left a.right { float: left; width: 13px; height: 14px; background: url(../images/arrow.gif) no-repeat -12px top; margin: 10px 2px; }

.common-productitem .pic .tag { width: 65px; height: 78px; background: url(../images/tag.png) no-repeat 100px top; position: absolute; top: 0px; right: 0px; }
.common-productitem .pic .Special { background-position: left top; }
.common-productitem .pic .Hot { background-position: -199px top; }
.common-productitem .pic .New { background-position: -132px top; }

.productBlock .body { border: 1px solid #e1e1e1; background: #FFF; height: 500px; overflow: hidden; border-top-color: #AAA; position: relative; }
    .productBlock .body ul { width: 105%; }
    .productBlock .body li { float: left; width: 200px; height: 250px; border: 1px solid #e1e1e1; border-left-width: 0px; border-top-width: 0px; position: relative; overflow: hidden; }
        .productBlock .body li .pic .tag { top: -10px; right: -17px; }
        .productBlock .body li .pic { width: 100%; }
            .productBlock .body li .pic td { text-align: center; vertical-align: middle; height: 170px; }
        .productBlock .body li .price { margin: auto; font-size: 16px; }
        .productBlock .body li .name { margin: auto; }

.productBlock .common-productitem { margin: auto; width: 166px; height: 250px; border-width: 0px; float: none; overflow: visible; padding-top: 10px; }
    .productBlock .common-productitem .pic { text-align: center; height: 155px; }
        .productBlock .common-productitem .pic img { width: auto; }
    .productBlock .common-productitem .preview,
    .productBlock .common-productitem .info { display: none; }

.block { }
    .block .title { height: 32px; line-height: 32px; padding: 0px 5px; overflow: hidden; }
        .block .title h1 { margin: 0px; padding: 0px; font-size: 18px; }
    .block .body { border: 1px solid #e1e1e1; background: #FFF; overflow: hidden; font-size: 14px; line-height: 32px; padding: 0px 20px; }

/*  拥有子栏目的合集    */
.ChildColumn { }
    .ChildColumn .ColumnName { display: none; }
    .ChildColumn .Child { height: auto; padding-top: 10px; }
        .Column .Normal .ColumnName,
        .ChildColumn .Child .ChildName { height: 23px; line-height: 23px; background: url(../images/column_tit.gif) repeat-x; overflow: hidden; border: 1px solid #e8ecef; border-bottom-color: #c1c6ca; }
            .Column .Normal .ColumnName .tit,
            .ChildColumn .Child .ChildName .tit { float: left; margin-left: 10px; font-weight: bold; font-size: 14px; height: 23px; background: url(../images/column_tit.gif) no-repeat left -23px; padding-left: 12px; }
            .ChildColumn .Child .ChildName .more { float: right; margin-right: 5px; }
        .Column .Normal ul,
        .ChildColumn .Child ul { padding-bottom: 10px; }
            .Column .Normal ul li,
            .ChildColumn .Child ul li { height: 32px; line-height: 32px; font-size: 14px; padding: 0px; overflow: hidden; background: url(/image/line1.gif) repeat-x 50px center; }
                .Column .Normal ul li a,
                .ChildColumn .Child ul li a { float: left; background: #FFFFFF url(/image/dot3.gif) no-repeat 10px center; padding: 0px 15px 0px 25px; }
                .Column .Normal ul li .date,
                .ChildColumn .Child ul li .date { float: right; background: #FFFFFF; padding: 0px 10px; font-size: 12px; color: #999; }

    .ChildColumn .pageSplit { display: none; }

.Article { }
    .Article .Title { text-align: center; }
    .Article .Content { font-size: 14px; line-height: 30px; padding: 0px 20px; }

/*  忘记密码    */
.PageForget .ContainerMain { width: 100%; float: none; padding: 100px 0px; }

.ico-loading { display: inline-block; width: 16px; height: 16px; background: url(../image/loading.gif) no-repeat center center; }


/*  代卖流程    */
.flow { padding-top: 20px; }
    .flow li { width: 150px; height: 280px; margin: auto 43px; float: left; }
        .flow li label { height: 140px; display: block; background: url(../images/flow.jpg) no-repeat center top; }
        .flow li h3 { padding: 0px; margin: 0px; text-align: center; font-size: 14px; }
        .flow li .desc { line-height: normal; color: #666; }
        .flow li.f2 label { background-position: center -140px; }
        .flow li.f3 label { background-position: center -280px; }
        .flow li.f4 label { background-position: center -420px; }
        .flow li.f5 label { background-position: center -560px; }
        .flow li.f6 label { background-position: center -700px; }
        .flow li.f7 label { background-position: center -840px; }

/* 加入收藏 */
div.productshow .toolbar a.favorite { right: 5px; top: -38px; visibility: visible; }


/*  产品Item 显示控件 */
.productitem-Picture .money .RetailPrice { display: block; background: url(../images/lblRetailPrice.gif) no-repeat left center; padding-left: 43px; color: #333; line-height: 22px; font-style: normal; text-decoration: underline; }
.productitem-Picture .pic a:hover { opacity: 0.9; }
.productitem-Picture .name a { font-size: 14px; color: #36C; }
    .productitem-Picture .name a:hover { color: #F60; text-decoration: underline; }
.PageCategory .productitem-Picture .money { height: 24px; }
    .PageCategory .productitem-Picture .money .RetailPrice { float: right; display: inherit; }


/*  帮助  */
DIV.Help { padding-top: 10px; }
    DIV.Help .Left { width: 288px; }
    DIV.Help .ContainerMain { margin-left: 300px; }
        DIV.Help .ContainerMain h1 { text-align: center; font-size: 22px; line-height: 32px; }
        DIV.Help .ContainerMain .content { padding: 0px 20px; }


#lblProductGetIntegral { display: none; }


.link .body { height: auto; padding: 10px; }
    .link .body .item { float: left; text-align: center; line-height: 22px; padding: 0px 10px; }

.GuestBookWrite, .Comment{ display:none;}